
// // ==>main.tsx
// import React from 'react'
// import ReactDOM from 'react-dom'
// import App from './App';
// ReactDOM.render(<App />, document.getElementById('root')!);


// // ===>App.tsx
// import { observable } from './@formily/reactive'
// import { Observer } from './@formily/reactive-react'
// const username = observable({ value: 'zhangsan' })
// const age = observable({ value: 14 })
// export default () => {
//   return (
//     <>
//       <Observer>
//         {() => (
//           <input
//             value={username.value}
//             onChange={(event) => {
//               username.value = event.target.value
//             }}
//           />
//         )}
//       </Observer>
//       <Observer>{() => {
//         console.log('username render');
//         return <div>{username.value}</div>;
//       }}</Observer>
//       <Observer>
//         {() => (
//           <input
//             value={age.value}
//             onChange={(event) => {
//               age.value = +event.target.value
//             }}
//           />
//         )}
//       </Observer>
//       <Observer>{() => {
//         console.log('age render');
//         return <div>{age.value}</div>;
//       }}</Observer>
//     </>
//   )
// }
